<!-- 公共组件实在components中创建，这里一般会建一些公共视图组件，
哪里需要用它分为两步先引入再调用，也可以在根组件App.vue中进行全局注册，
然后随意调用，不需要路由中配置 -->
<template>
<h1>底部-{{ counterStore.count }}</h1>
</template>

<script setup lang="ts">
import { useCounterStore } from '@/stores/counter';

const counterStore=useCounterStore()
</script>

<style scoped lang="less">
h1{
    color: aqua;
}
</style>